<template>
	<view class="page">
		<view class="login-box">
			<image class="logo" :src="dataObj.logo_other"></image>
			<u-button text="账号登录" :plain="true" color="#FC2422" @click="goLogin"></u-button>
		</view>
	</view>
</template>

<script>
	import {getLoginApi} from '@/api/user.js'
	export default {
		data() {
			return {
				dataObj: {}
			};
		},
		onLoad() {
			this.getLoginData()
		},
		methods: {
			async getLoginData() {
				const res = await getLoginApi()
				this.dataObj = res.data
			},
			goLogin() {
				uni.navigateTo({
					url: '/pages/loginForm/loginForm',
					animationType: 'fade-in'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.page {
	height: calc(100vh - 44px);
	display: flex;
	justify-content: center;
	align-items: center;
	.login-box {
		padding: 0 20rpx;
		width: 750rpx;
		text-align: center;
		.logo {
			width: 400rpx;
			height: 200rpx;
			margin-bottom: 20rpx;
		}
	}
}
</style>
